/*---------------------global styling---------*/

#outershell, .innershell{
	background: #fefefe;
}

.innershell, #innershell{
	width: 960px;
	margin:0 auto;
	float: none;
	border:1px solid #999;
}
.content{
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	min-height: 600px;
	font-family: Arial , "Arial Narrow";
}
.clear{
	width: 100%;
	display: block;
	clear: both;
}

p{
	font-size: 13px;
	line-height: 18px;
}
a{
	color:blue;
	text-decoration: none;
	font-size: 13px;
}
a:hover{
	text-decoration: underline;
	opacity: 0.8;
}
li {
	list-style: none;
	line-height: 18px;
	font-size: 13px;
}
/*---------------styling navigation-----------------*/
.navigation{
	border-bottom:1px solid #999;
}
	#logo{
		height: 100px;
		width: 250px;
		padding: 25px;
		float: left;
		background: #397249;
	}
		#logo h1{
			color: #fff;
		}
	.menu{
		width:500px;
		float: right;
	}
		.menu ul li{
			float: left; 
			margin:8px; 
			list-style: none;
		}
				.menu ul li a{
					padding: 10px 25px;
					background: #397249;
					height: 33px;
					line-height: 33px;
					border-radius: 3px;
					color: #fff;
					text-decoration: none;
				}
				.menu ul li a:hover{
					background: #9CB770;
				}


/*styling the content */
.hero-text {
	margin: 20px;

}
	.hero-text h1 {
		font-size: 20px;
		font-weight: bold;
	}
		.hero-text span {
			font-style: italic;
		}
	.module {
		width: 180px ;
		height: 100px;
		padding: 20px;
		background: teal;
		/*display: inline-block;*/
		margin: 0 30px;
		float: left;
	}
	.hero-text .module  a{
		color:#fff;
		font-size: 18px;
	}
	.hero-text .module p{
		float: right;
		color:#fff;
		font-size: 12px;
		margin:10px 0 0 0;
	}


/*----------------------product info page ----------------------*/
.product-info {

}
	.product-info .left{
		width:460px;
		float: left;
		margin: 15px 0 0 0;
		min-height: 600px;
	}
		.product-info .left h2 {
			font-size: 15px;
			margin:0 0 0 15px;
		}
		.product-info .left .hero-text {
			border:1px solid #999;
			padding: 10px;
			margin:5px;
		}
	.product-info .right{
		width: 460px;
		float: right;
		border-left: 1px solid #999;
		padding: 10px;
		min-height: 600px;
	}
		.product-info .right .login {
			color: #fff;
		}
			.product-info .right .login  h1 a{
				font-size: 18px;
				color: #fff;
				display: block;
				text-align: center;
			}
		.product-info .right .bubble {
			display: block;
			width: 300px;
			height: 40px;
			padding: 15px;
			margin:  10px 0;
			background: #ecedec;
			border-radius: 6px;
			float: left;
		}
		.product-info .right .bubble a{
			color: #c6d324;
			font-weight: bold;
		}
		
		.product-info .right .bubble h2 , .product-info .right .login h4{
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 10px ;
		}

		/*-----------------------styling forms-----------------*/
fieldset {
	padding:10px 30px;
	margin:0;
	border:1px solid #ccc;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	border-bottom-width:10px;
}
legend    {
	color:#333;
	padding:0 10px;
	margin:5px;
	font-size:13px;
	font-weight:400;
}
input[type='text'], input[type='password'] {
	width:250px;
}
input,
textarea  {
	border:1px solid #ccc;
	padding:5px;
	margin:10px 0 0 0;
}
input:focus,
textarea:focus  {
	background:#ffc;
}
textarea  {
	font:.9em Verdana, Arial, Helvetica, sans-serif;
}
label   {
	display:block;
	margin:12px 0 0;
	font-weight:normal;
	font-size:12px;
	float:left;
	clear:left;
	width:115px;
}
form p {
	 width: 200px;
	 margin: 0 0 0 150px;
}
p label{
	float: right;
	width: 180px;
	top:-5px;
	position: relative;;
}
label:after {
	/*content:": ";*/
}
button {
	display:block;
	float:left;
	clear:both;
	margin:1em 0 1em 90px;
}
.placeholder { 
	color: #aaa;
	 }
.button {
	 border-radius: 3px;
	 height: 33px;
	 line-height: 29px;
	 padding: 1px 25px;
	 border: 1px solid #999;
}
.button:hover{
	background: #628B61;
	color:#fff;
}
	/*modify login form*/
	.login-form p {
		margin: 10px 0 10px 70px;
	}
	.login-form label{
		width: 70px;
	}
	.login-form  .button{
		margin-left: 70px;
	}
	.login-form ul li {
		float:left;
		margin: 0 5px;
	}
	.login-form ul li a {
		height: 45px;
		line-height: 45px;
	}
	/*styling signup form */
	.register .button {
		margin: 10px 0 8px 100px;
	}
/*--------------------footer-------------------------*/
#footer,.footer{
	display: block;
	float: none;
	background: transparent;
	padding: 20px;
	margin: 0 auto;
	border-top:1px solid #999;
}
	.inner-footer{
		background: #9CB770;
		float: none;
		margin: 0 auto;
		padding: 10px;
		width: 70%;
	}
	.footer-links {
		
		width: 65%;
		margin: 0 auto;
		height: 25px;
	}
		.footer-links a, #footer a , .footer span{
			float: left;
			font-size: 11px;
			text-decoration: none;
			padding:0 8px;
		}
		.footer span{
			text-align: center;
			display: block;
			width: 100%;
			margin: 10px 0 0 0;
		}
		.footer a:hover, #footer a:hover{
			text-decoration: underline;
			
		}